Storybook을 통한 UI 제작 및 관리

현재 별도의 레파지토리를 생성해서 Storybook과 함께 무직스 디자인 시스템 라이브러리(MDS)를 제작하고 있다. 처음엔 웹서버 레파지토리에서 Next js와 함께 구현하고 배포하려고 했으나 프로젝트가 복잡해질 것 같아서 분리하기로 결정하였다.

그래서 MDS를 라이브러리로 NPM에 배포하여 다운로드 받는 방식으로 진행하려고 했으나 모듈을 불러오는 과정에서 오류가 계속 발생해서 현재는 다음과 같은 방식으로 UI를 제작하고 관리하고 있다.

두번째에서 Copy and Paste하고 다시 MDS를 업데이트하는 것은 상당히 비효율적이기 때문에 현재 프로세스에 적용된 기술들을 튜토리얼로 빠르게 돌려보고 개선시켜봐야겠다.